<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Skylar TV</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/slimbox2.css" rel="stylesheet" type="text/css" media="screen">
<style type="text/css">
.picture-container {
	text-align: left;
}
.yt-preview-container {
	padding: 12em 50em 2em 2em;
}
#styleWithId {
	color:white;
	text-transform:uppercase;
	background:#990000;
}
#styleWithId {
	background:black;
}
#styleWithId {
	background:#ffffff !important;
}
#styleWithId {
	background:blue;
}
.noborder {
	border: none;
}
.project-content-right{
	width: 430px;
}
.project-content {
	padding: 75px 60px 0 60px;
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}
.shadow {
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.mv-review th, .mv-review td{
	font-family: Myriad;
	font-size: 85%;
}
.mv-review th {
	font-weight:bold;
}
.mv-review td p{
	font-size: 100% !important;
	margin: 0 0 1em 0;
}
.mv-review-wrapper {
	padding: 35px 0;
}
.ab {
	float: right;
}
.ft {
	float: right;
}
.bt-scene-tile-wrapper {
	width: 450px;
}
</style>
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div id="headerBanner"><img src="images/skyTV_LOGO-01.png" alt="skylartv" width="205" height="248" /></div>
	
    <div id="headerMenu">
		<div class="menu-bar-wrapper">
			<ul class="top-menu-bar ct">
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="index.html" class="menu-item-ln">About Us</a>
					</span>
				</li>
				
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="update.html" class="menu-item-ln">Update</a>
					</span>
				</li>
				<li class="menu-item-list active">
					<span class="menu-bg-wrapper-left active"><a href="work.html" class="menu-item-ln active">Work</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="whoishwo.html" class="menu-item-ln">Who's Who</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="contact.html" class="menu-item-ln">Contact</a>
					</span>
				</li>
			</ul>
			<BR class="cb"/>
		</div>
	</div>
  </div>
  <div id="center">
  <div class="content-wrapper">
  
  <!-- -->
  <div class="top-content">
	  <div class="top-title-wrap">
		  <div class="top-title-red">
		  	<div class="top-title-name fl">
		  	  <div class="caption-text">VW KODOK BAWA CINTA	</div>
		  	</div>
			
			<div class="top-title-date fl">
			  <div class="date-text">
			    <div class="sm-text"></div>
			  </div>
			</div>
			<br class="cb"/>
		  </div>
	  </div>
    </div>
  <!-- -->
	<div class="project-content">
		<div class="project-content-left fl">
		  <div class="mv-thumb-wrapper">
		  	<div class="mv-thumb-pic ct">
				<img src="images/vwthumb.jpg" alt="vwkodok-thumb" class="noborder shadow">
			</div>
        </div>
		</div>
		<div class="project-content-right fr">
		  <div class="bt-scene-tile-wrapper">
		  	<?php 	$imgPath = 'images/vw-kodok/vwkodok-2'; 
					$imgs = glob( $imgPath . "/*.jpg");	
					$counter = 0;
			?>
			<?php foreach( $imgs as $img ): ?>
		  	<div class="bt-scene-tile-item-wrapper">
			  <div class="bt-scene-tile fl">
			  	<a rel="lightbox-journey" href="<?php echo $img ?>" title="ccc">
					<img src="<?php echo $imgPath . '/../vwkodok-1/'. ( $counter++ > 8 ? '0' : '00') . $counter . '.png'; ?>" class="noborder"/>
				</a>
			  </div>
			</div>
			<?php endforeach; ?>
			<br class="cb"/>
		  </div>
		</div>
		<br class="cb"/>
	</div>
  </div>
  </div>
  <div id="footer">Copyright &copy; 2012 D'Color Inc. Design by: S.W.A.T </div>
</div>
</body>
</html>
